/**
 * 封装Input组件样式
 */

import styled from "styled-components";

export const InputXBox = styled.div`
    input{
        width: 27.2rem;
        height: 3.6rem;
        color: #E4F2FF;
        background: #053561;
        border: 0.1rem solid #1B6DA1;
        padding: 0 3.4rem 0 1rem;
        line-height: normal;
        box-sizing: border-box;
        font-size: 1.4rem;
        margin: 0;
    }
    input::placeholder{
        font-size: 1.4rem;
        color: #385E7D; 
        
    }
    input::placeholder-shown{
        text-overflow: ellipsis;
        
    }
    input:focus{
        outline: none; /* 去除默认的焦点样式 */
    }
    input:focus, input:active {
        border-color: #1677ff; /* 例如，将边框颜色改为红色 */
    }
`